<div class="container" style="width:500px;">

  <ul class="nav nav-tabs">
    <li role="presentation" class="active">
      <a id="database-tab0" href="javascript:void(0)" ng-click="changeTab(0)">平台</a>
    </li>
    <li role="presentation" ng-repeat="app in apps" ng-if="$index>1 && app.sel">
      <a id="database-tab{{$index}}" href="javascript:void(0)" ng-click="changeTab($index)">{{app.name}}</a>
    </li>
  </ul>


  <div class="tab-content" id="database-tabs-content" style="margin-top: 18px;">
    <!--平台-->
    <div id="database-tab0-content" role="tabpanel" class="tab-pane active">

      <ul class="list-group">
        <li class="list-group-item form-horizontal" style="padding: 15px 15px 0;">

          <div class="form-group">
            <label class="col-md-3 control-label">数据库IP地址</label>
            <div class="col-md-9">
              <input type="text" class="form-control" placeholder="数据库IP地址" disabled>
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">数据库实例</label>
            <div class="col-md-9">
              <input type="text" class="form-control" placeholder="数据库实例" disabled>
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">端口</label>
            <div class="col-md-9">
              <input type="text" class="form-control" placeholder="端口" disabled>
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">用户名</label>
            <div class="col-md-9">
              <input type="text" class="form-control" placeholder="用户名" disabled>
              <!--<p class="form-control-static">hscon</p>-->
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">密码</label>
            <div class="col-md-9">
              <input type="password" class="form-control" placeholder="密码" disabled>
            </div>
          </div>
        </li>
      </ul>
      <li class="list-group-item">
        <div class="btn-group btn-group-justified">
          <a href="javascript:void(0)" class="btn btn-default" disabled>暂不支持多实例</a>
        </div>
      </li>

    </div>

    <!--其他-->
    <div id="database-tab{{$index}}-content" role="tabpanel" class="tab-pane" ng-repeat="app in apps"
         ng-if="$index>1 && app.sel">

      <ul class="list-group">
        <li class="list-group-item form-horizontal" style="padding: 15px 15px 0;">

          <div class="form-group">
            <label class="col-md-3 control-label">数据库IP地址</label>
            <div class="col-md-9">
              <input type="text" class="form-control" placeholder="数据库IP地址" disabled>
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">数据库实例</label>
            <div class="col-md-9">
              <input type="text" class="form-control" placeholder="数据库实例" disabled>
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">端口</label>
            <div class="col-md-9">
              <input type="text" class="form-control" placeholder="端口" disabled>
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">用户名</label>
            <div class="col-md-9">
              <input type="text" class="form-control" placeholder="用户名" disabled>
              <!--<p class="form-control-static">hscon</p>-->
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">密码</label>
            <div class="col-md-9">
              <input type="password" class="form-control" placeholder="密码" disabled>
            </div>
          </div>
        </li>
      </ul>
      <li class="list-group-item">
        <div class="btn-group btn-group-justified">
          <a href="javascript:void(0)" class="btn btn-default" disabled>暂不支持多实例</a>
        </div>
      </li>
    </div>

  </div>
</div>

<!--上/下一步-->
<a href="#!" class="step-btn left" data-toggle="tooltip" data-placement="right" title="返回">
  <i class="iconfont icon-back"></i>
</a>